@CHARSET "UTF-8";
/********** reset *********/
body, dl, dd, p, h1, h2, h3, h4, h5, form, input, textarea { margin:0; }  
body { font:normal 12px Microsoft YaHei; margin:0 auto; background-color:##F8F8F8; overflow-x: hidden; color:#494949;position: relative; }
ul, ol {margin:0; padding:0; list-style:none;}
img { border:none; } 
a { text-decoration:none; color: #4f4f4f; }
a:hover { text-decoration:underline; color: #74b9fc; outline:0; }
h1, h2, h3, h4, h5 { font-weight:normal; }
.fl { float:left;}
.fr { float:right;}
.cl { clear:both;}

.clear { zoom:1 }
.clear:after { content:''; display:block; clear:both; }

.none { border:none; }
/********** 布局 *********/
#header, #footer, #content, #links { margin:0 auto; width:1010px; } 
.wrapper-header, .wrapper-footer, .wrapper-content, .wrapper-links { width:100%; }



.head{
	background-image:url("../img/index.jpg");
	height: 100px;
	width: 100%;
	border: 2px solid #f3f3f3;
	
}
/*logo*/
.logo{
	position: relative;
	left: 60px;
	top:0;
	width: 30%;
	height: 100%;
	float: left;
	line-height:100%;
	background: url("../img/logo.png") no-repeat;
}

.navigation {
    float: right;
    margin-top: 60px;
    position: relative;
    height:30%;
    width: 70%;
    overflow: hidden;
  /*   background-image: url("../img/1400482485892.png");
    background-color: #ffbbcf;
    background-repeat: no-repeat; */
    
}
.navigation ul {
    position: relative;
    width: 100%;
    /* z-index: 0; */
}
.navigation ul li {
    float: left;
    line-height: 30%;
    list-style: none outside none;
    margin: 0 5px;
    text-align: center;
    width: 98px;
    height: 30%;
    
}
.borderRight{
	border-right: 2px solid #c3c3c3;
}
.navigation li.back {
    background: url(../img/dht-03.png) no-repeat 0px 0px;
    height: 24px;
    position: absolute;
    top: 0;
    width: 97px;
    z-index: 8;
}
.navigation li a {
     transition: 0.5s linear;
            width: 100px;
            height: 24px;
            color: #115088;
            line-height: 22px;
            font-family: Microsoft Yahei;
            font-size: 14px;
            display: block;
            position: relative;
            z-index: 9;
            font-weight: bold;
            top: 0px;
            left: 0px;
}
.navigation li#out a {
    		transition: 0.5s;
            color: #115088;
            -moz-transition: all .5s ease;
            -webkit-transition: all .5s ease;
            -o-transition: all .5s ease;
}
.navigation li a:hover {
    		transition: 0.5s;
            color: white;
            -moz-transition: all .5s ease;
            -webkit-transition: all .5s ease;
            -o-transition: all .5s ease;
}
.navigation li.current a {
    		transition: 0.5s;
            color: white;
            -moz-transition: all .5s ease;
            -webkit-transition: all .5s ease;
            -o-transition: all .5s ease;
}
.navigation li#out a:hover {
    color: white;
}
/*隔离*/
.isolation{
	width: 100%;
	height: 1px;
}
/*隔离*/
/********** 底部 *********/
.wrapper-footer { background-color:#515a6e; height:40px; line-height:40px; }
#footer {  height:40px; font-family:Arial,"宋体"; color: #fff; }
/*#footer p { height:40px; line-height: 40px; float:left; text-indent: 80px; }*/
#footer p { height:40px; line-height: 40px; width:470px; margin:0 auto; }
.imprint { color: #fff; }

#cert a { display:block; margin:0 auto; width:22px; height:30px; }